<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="$!TemplateParamUtil.GetValue("Title")">
<meta name="description" content="$!TemplateParamUtil.GetValue("Title")">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<title>$!TemplateParamUtil.GetValue("Title")</title>
<link href="/Temp/temp2/css/news0.css" rel="stylesheet" type="text/css">
<link href="/Temp/temp2/css/xiuxiu.ui.css" rel="stylesheet" type="text/css">
<link href="/Temp/temp2/css/tpl.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="/Temp/temp2/css/common.css" media="all">
<script src="/Temp/temp2/js/iscroll.js" type="text/javascript"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper', {
snap: true,
momentum: false,
hScrollbar: false,
onScrollEnd: function () {
document.querySelector('#indicator > li.active').className = '';
document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
 });
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
</head>

<body>
<div class="banner">
<div id="wrapper" style="overflow: hidden; ">
<div id="scroller" style="width: 15396px; -webkit-transition: -webkit-transform 0ms; -webkit-transform-origin: 0px 0px; -webkit-transform: translate3d(-4044.768088032884px, 0px, 0px) scale(1); ">
<ul id="thelist">             
            #foreach( $item in $docs )   
                     
<li><p>$item.Title</p><a href="$item.Url"> <img src="$!FileKit.FirstFilePath($item.AttachmentUrl)" style="width:1349px; "></a></li>
         

            #end

</ul>
</div>
</div>
<div id="nav">
<div id="prev" onclick="myScroll.scrollToPage(&#39;prev&#39;, 0,400,4);return false">← prev</div>
<ul id="indicator"> 
#foreach( $item in $docs )
  #if($velocityCount == $size)
<li class="active"></li>
  #else 
<li class=""></li>
  #end
#end
</ul>
<div id="next" onclick="myScroll.scrollToPage(&#39;next&#39;,0,400,4);return false">next →</div>
</div>
<div class="clr"></div>
</div>
<script>
var count = document.getElementById("thelist").getElementsByTagName("img").length;	

var count2 = document.getElementsByClassName("menuimg").length;
for(i=0;i<count;i++){
 document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}
for(i=0;i<count2;i++){
document.getElementsByClassName("menuimg").item(i).style.cssText = " HEIGHT:"+(document.body.clientWidth/320)*81+"px";
}
document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";

 setInterval(function(){
myScroll.scrollToPage('next', 0,400,count);
},3500 );
window.onresize = function(){ 
for(i=0;i<count;i++){
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}
for(i=0;i<count2;i++){
document.getElementsByClassName("menuimg").item(i).style.cssText = " HEIGHT:"+(document.body.clientWidth/320)*81+"px";
}
 document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
} 

</script>
<div class="xiuxiu-content">
        <div class="xiuxiu-list tpl-catelist">
            #foreach( $item in $cols )
         
    <a class="xiuxiu-list-item tpl-catelist-item _C0" href="$!TemplatePageUtil.GetPage($!item.Id)">
                <div class="xiuxiu-list-item-bg">
                    <div class="xiuxiu-list-item-image tpl-cate-icon" style="background-image:url($!FileKit.FirstFilePath($item.ThumbnailUrl))"></div>
                    <div class="xiuxiu-list-item-box">
                        <div class="xiuxiu-list-item-line">
                            <div class="xiuxiu-list-item-title tpl-cate-title"><font color="#87119d">$!item.Name</font></div>
                        </div>
                    </div>
                </div>
            </a>
               
    #end  



           
        </div><footer>
        $!TemplateParamUtil.GetValue("Footer")
							</footer>
    </div>



</body>
</html>
